<template>
  <div id="app">
    <!--     <nav>
      <router-link to="/"> 首页</router-link> |
      <router-link to="/news-list"> 新闻列表</router-link> |
      <a href="#" @click="goAbout">关于我们</a>
      <button @click="logout">注销登录</button>
    </nav> -->
    <router-view />
  </div>
</template>

<script>
export default {
  name: "App",
  /* methods: {
    goAbout() {
      console.log("goAbout.......");
      //this.$router.push('about');
      //this.$router.push({ path: "about" });
      //this.$router.push({ name: "About", params: { id: 999 } });
      this.$router.push({ path: "/about", query: { id: 999 } });
    },
    logout() {
      //  清除登录状态.
      localStorage.removeItem("isLogin");
      //  跳转到登录页面
      this.$router.push("/login");
    },
  }, */
};
</script>

<style>
/* h1 {
  color: red;
}
.container {
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #ddd;
  width: 600px;
  height: 500px;
  margin: 0 auto;
  margin-top: 20px;
}
#app {
  text-align: center;
  width: 800px;
  margin: 0 auto;
  margin-top: 60px;
} */
html,
body,
#app {
  height: 100%;
  margin: 0;
  padding: 0;
}
</style>
